﻿<script type="text/ng-template" id="order-statistics-revenue.html">
    <div class="gridster-cnt">
        <div class="cnt-inner">
            <div class="list-count" ng-repeat="data in $storage.ordersDashboardStatistics.revenue track by $index">{{data.amount | number : 2}} {{data.currency}}</div>
            <div class="list-t">Revenue</div>
        </div>
    </div>
</script>
<script type="text/ng-template" id="order-statistics-customersCount.html">
    <div class="gridster-cnt">
        <div class="cnt-inner">
            <div class="list-count">{{$storage.ordersDashboardStatistics.customersCount}}</div>
            <div class="list-t">Customers with orders</div>
        </div>
    </div>
</script>
<script type="text/ng-template" id="order-statistics-revenuePerCustomer.html">
    <div class="gridster-cnt">
        <div class="cnt-inner">
            <div class="list-count" ng-repeat="data in $storage.ordersDashboardStatistics.revenuePerCustomer track by $index">{{data.amount | number : 2}} {{data.currency}}</div>
            <div class="list-t">Revenue per customer</div>
        </div>
    </div>
</script>
<script type="text/ng-template" id="order-statistics-orderValue.html">
    <div class="gridster-cnt">
        <div class="cnt-inner">
            <div class="list-count" ng-repeat="data in $storage.ordersDashboardStatistics.avgOrderValue track by $index">{{data.amount | number : 2}} {{data.currency}}</div>
            <div class="list-t">Average order value</div>
        </div>
    </div>
</script>
<script type="text/ng-template" id="order-statistics-itemsPurchased.html">
    <div class="gridster-cnt">
        <div class="cnt-inner">
            <div class="list-count">{{$storage.ordersDashboardStatistics.itemsPurchased}}</div>
            <div class="list-t">Items purchased</div>
        </div>
    </div>
</script>
<script type="text/ng-template" id="order-statistics-lineitemsPerOrder.html">
    <div class="gridster-cnt">
        <div class="cnt-inner">
            <div class="list-count">{{$storage.ordersDashboardStatistics.lineitemsPerOrder| number : 1}}</div>
            <div class="list-t">Lines per order</div>
        </div>
    </div>
</script>
<script type="text/ng-template" id="order-statistics-revenueByQuarter.html">
    <div google-chart chart="$storage.ordersDashboardStatistics.chartRevenueByQuarter" style="height:100%"></div>
</script>
<script type="text/ng-template" id="order-statistics-orderValueByQuarter.html">
    <div google-chart chart="$storage.ordersDashboardStatistics.chartOrderValueByQuarter" style="height:100%"></div>
</script>